import React,{useEffect,useState} from 'react'
import {chartLog} from '@/api/service'
import { Space, Table, Tag } from 'antd';
import {useAddkey} from '@/hooks/index'
import {initTable} from '@/hoc/index'
// import '@/untils/index'


const columns = [
  {
    title: 'ID',
    dataIndex: 'log_id',
    key: 'log_id',
  },
  {
    title: '发送人',
    dataIndex: 'from_name',
    key: 'from_name',
  },
  {
    title: '消息',
    dataIndex: 'message',
    key: 'message',
  },
  {
    title: '接收人',
    dataIndex: 'to_name',
    key: 'to_name',
    render:(item:any)=>{
      return item?item:'无'
    }
  },
  {
    title: '创建时间',
    dataIndex: 'create_time',
    key: 'create_time',
  },

 
  // {
  //   title: 'Action',
  //   key: 'action',
  //   render: (_, record) => (
  //     <Space size="middle">
  //       <a>Invite {record.name}</a>
  //       <a>Delete</a>
  //     </Space>
  //   ),
  // },
];


 function index(props:any) {
  // const [list,setList] = useState([])
  // useEffect(()=>{
  //   chartLog().then((res)=>{
  //     // console.log(res,'chartLog')
  //     setList(useAddkey(res.data))
  //   })
  // },[])
  return (
    <div>
      聊天记录
      <Table columns={columns} rowKey="log_id" dataSource={props.data}/>
    </div>
  )
}

export default initTable(chartLog)(index)
